{% extends "../theme/bage.html" %}
{% block typebody %}
<script type="text/javascript">
    $().ready(function () {
        $("#form_login").validate(
                {
                    rules: {
                        user_name: {
                            required: true
                        },
                        user_pass: {
                            required: true
                        }
                    },
                    messages: {
                        user_name: {
                            required: "<span class='red'>enter one user name</span>"
                        },

                        user_pass: {
                            required: "<span class='red'>Please enter a password</span>"
                        }
                    }
                }
        );
    });
</script>
<div class="mtop">
    <ul class="breadcrumb">
        <li>{{ _('Current location') }}: <a href="{% module site_url() %}">{{ _('Home') }}</a></li>
        <li class="active">{{ _('User Login') }}</li>
    </ul>
</div>
<div class="panel panel-black">
    <div class="panel-heading"><b> {{ _('User Login') }} </b></div>
    <div class="panel-body">
        <form id="form_login" action="/user/login" method="post" class="form-horizontal" role="form">
            <div class="form-group">
                <label for="user_name" class="col-sm-2 control-label">{{ _('User name') }}: </label>

                <div class="col-sm-10">
                    <input type="text" name="user_name" id="user_name" class="form-control"
                           placeholder="Please enter your user name"/>
                </div>
            </div>
            <div class="form-group">
                <label for="user_pass" class="col-sm-2 control-label">{{ _('Password') }}: </label>

                <div class="col-sm-10">
                    <input type="password" name="user_pass" id="user_pass" class="form-control"
                           placeholder="Please enter your password">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label"></label>

                <div class="col-sm-10">
                    <button type="submit" class="btn btn-primary">{{ _('Login') }}</button>
                </div>
            </div>
        </form>
        <br>

        <div class="alert alert-info">Non users of the station？ Please
            <a href="/user/regist" class="btn btn-primary">{{ _('Register') }}</a> 。
        </div>
        <div class="alert alert-warning">Forget Password，Try to
            <a href="/user/reset-password" class="btn btn-primary">
                {{ _('reset the password') }}
            </a>
        </div>
    </div>
</div>
{% end %}

